<%@page import="oracle.sql.CLOB"%>
<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" 
		trimDirectiveWhitespaces="true"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>



<!-- 수정하기 전 내용 불러오는 sql -->
<sql:query var="rs" dataSource="jdbc/oracle11xe">
	select *
	from BOARD
	where bdno = ?
	<sql:param value="${param.bdno}"/>
</sql:query>

<!-- 보안코드 -->
<c:if test="${empty sessionScope.login}">
	<c:redirect url="login.jsp"/>
</c:if>




<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>:: JSP 프로젝트 v1 ::</title>
<link href="css/normalize" rel="stylesheet">
<style type="text/css">

/*1. 레이아웃 지정(구역 header, contents, footer 세 영역으로 나눈 후 각각 영역의 사이즈 지정)*/
/*태그선택자*/
/*화면 전체 레이아웃 설정 */
body {
	width: 970px;
	/* 블럭요소 일 때만 가운데정렬 됨*/
	margin: 0 auto;
	
/* 	border: 1px solid red; */
}
/* 1. 스타일 초기 설정(공통 스타일) */
body{
	font-family:"나눔바른고딕";
}
ul{	
	list-style-type:none;
}

/*1-1. 링크설정 */
a:link{
	color:black;
	text-decoration:none;
}
	/*1-1-1.클릭한 링크 설정*/
	a:visited{
		color:black;
		text-decoration:none;
	}
	/*1-1-2.롤 오버 링크 설정*/
	a:hover{
		color:red;
		text-decoration:underline;
	}
	/*1-1-3.클릭 중 링크 설정 */
	a:active{
		text-decoration:underline;
	}
/* 1-2.수평선 태그 설정*/
.hr{
	border:1px solid black;
	/*float속성제거*/
	clear:both;
}
/* 1-3.이미지 설정*/
/*이미지콘텐츠영역 클래스 이름: centerme, 가운데 정렬*/
.centerme{	
	margin:0 auto;
	display:block;
}
/*1-4. 저작권 정렬 */ 
.copy{
	text-align:center;
	margin:15px 0;
}


/* 2. 컨텐츠 영역 지정 */
header {
	/*일반적인 사이트 120~ 150*/
	height: 125px;
	/* border: 1px solid blue; */
}

#contents {
	/*내용이 있던 없던 최소 사이즈 지정 */
	min-height: 550px;
}

footer {
	height: 100px;
	/* border: 1px solid gold; */
}

/* 3. 상단 메뉴 영역*/
#nav{
	padding-bottom:10px;
}
#nav li{
	/* 배치 방향 변경 */
	float: left;
	/* li에 바깥여백 지정*/
	margin-left:100px; 
}
/*메인이미지 정렬*/
/*margin:100px를 주게 되면 위에도 100px 밑에도 100px 생기기 때문에 안쪽 여백 사용해서 위치 조정*/
.mainlogo{
	padding-top:120px;
}
</style>
<style type="text/css">
#updatefrm {
	width: 700px;
	margin: 0 auto;
}
#updatefrm div{
	margin:10px 5px;
}
#updatefrm div label {
	display: inline-block;
	width: 120px;
	text-align: right;
	font-weight: bold;
	padding: 0 10px 10px 0;
}
#bdcontents{
	width:350px;
	height:275px;
}

.dragup{
	vertical-align:top;
}

</style>
</head>

<body>
	<!--  공통된 상단 영역과 하단 영역 jsp파일을 만든 후 그 파일을 불러옴. -->
	<!-- 상단 영역(header) 시작-->
	<%--정적포함: jsp를 서블릿으로 컴파일하기 전에 먼저 include될 파일의 소스를 현재 문서에 삽입 --%>
	<%--그런 다음 서블릿으로 변환하고 실행 후 결과 출력--%>
	<%@include file="/layout/header.jsp" %>
	<!-- 상단 영역(header) 끝-->
	
	<div id="contents">
	<h2>게시판 수정</h2>
	<c:forEach var="r" items="${rs.rows}">
	<c:set var="contents" scope="request" value="${r.contents}"/>
	<% CLOB clob = (CLOB)request.getAttribute("contents"); 
	try{
		String tmp = clob.getSubString(1,(int)clob.length());
		request.setAttribute("ncontents",tmp);
	}catch(Exception ex){
	}%>
		<!-- 본문 출력 시작 -->
		<form name="updatefrm" id="updatefrm" >
			<div>
				<label>제목</label> 
				<span><input type="text" name="bdtitle" id="bdtitle" value="${r.bdtitle}" /></span>
			</div>
			<div>
				<label>작성자</label> 
				<span><input type="text" name="userid" id="userid" disabled="disabled" value="${r.userid}"/></span>
			</div>
			<div>
				<label class="dragup">본문</label> 
				<span><textarea id="bdcontents" name="contents">${ncontents}</textarea></span>
			</div>
			<!-- 버튼들 -->
			<div>
				<label></label>
				<span>
				<button type="button" id="updokBtn">수정완료</button>
				<button type="reset" >다시입력</button>
				<button type="button" id="listBtn">목록보기</button>
				</span>
			</div>	
	</form>
	</c:forEach>
	<input type="hidden" id="bdno" value="${param.bdno}"/>
		<%--view.jsp?bdno=xxx를 통해 update.jsp로 전파된 bdno를 updateok.jsp로
			bdno를 전파하기 위해 숨김필드로 작성함 
			이렇게 전파된 bdno는 javascript의 getElementById를 이용해 질의문자열을 생성함--%>
</div>
	
	<!-- 하단 영역(footer) 시작 -->
	<%@include file="/layout/footer.jsp" %>
	<!-- 하단 영역(footer) 끝 -->
	
	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/jech913.js"></script>	
</body>
</html>